<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>Welcome</title>
    <link rel="stylesheet" href="../css/welcome.css" type="text/css" />
    <link rel="stylesheet" href="../css/common.css" type="text/css" />
    <script type="text/javascript" src="../scripts/jquery-1.7.2.min.js"></script>
    <script type="text/javascript" src="../scripts/jquery.animate-colors-min.js"></script>
    <script type="text/javascript" src="../scripts/navi_common.js"></script>
    <script type="text/javascript" src="../scripts/jquery.flippy.min.js"></script>
    <script type="text/javascript" src="../scripts/welcome.js"></script>
    <script type="text/javascript">
    </script>
</head>

<body>
<div id="bigContent">
<div id="head">
    <div id="title">
        <div class="title_left">
            <div class="titleText">Students Online Exam Platform</div>
        </div>
        <div class="title_right">
            <div class="avatar"><img src="../image/noavatar.jpg" alt="../image/noavatar.jpg"/></div>
            <div class="userState">
                <div class="userState_big"><a href="#">Tomato_team</a></div>
                <div class="userState_small"><a href="#">logout</a></div>
            </div>
        </div>
    </div>
    <form id="navi_form" action="/Exam1/servlet/NaviSelectServlet" method="get">
	    <div id="navi">
	        <div class="navi_top">
	            <ul class="all_navi">
	            	<li id="navi1" class="each_navi navi1">Examination</li>
	                <li id="navi2" class="each_navi navi2">Practice Test </li>
	                <li id="navi3" class="each_navi navi3">Free Q&A</li>
	            </ul>
	        </div>
	        <div class="navi_bottom">
	            <ul class="all_terms">
	            	<li class="each_term term1">freshman 1</li>
	                <li class="each_term term2">freshman 2</li>
	                <li class="each_term term3">sophomore 1</li>
	                <li class="each_term term4">sophomore 2</li>
	                <li class="each_term term5">junior 1</li>
	                <li class="each_term term6">junior 2</li>
	            </ul>
	        </div>
	    </div>
       	<input type="hidden" value="" name="test_type" id="test_type"/>
        <input type="hidden" value="" name="which_term" id="which_term"/>
        <input type="hidden" value="" name="academy"/><!--学院-->
        <input type="hidden" value="" name="major"/><!--专业-->
        <input type="hidden" value="" name="grade"/><!--年级-->
    </form>
</div>
<div id="content_welcome"  class="boxShadow">
    <div id="welcome_logo">Welcome</div>
    <div id="welcome_content">
        <div id="welcome_title">Welcome to Students Online Exam Platform</div>
        <div id="welcome_text">Now, you can use this platform to complete 
        your exam or do some practice for preparation. It's useful for your study and we believe your will love it!</div>
    </div>
   	<form id="welcome_form" method="get" action="/Exam1/servlet/NaviSelectServlet">
	    <div id="welcome_navi">
	        <div id="welcome_navi_exam" class="welcome_each_navi">Examination</div>
	        <div id="welcome_navi_simulate" class="welcome_each_navi">Practice Test</div>
	        <div id="welcome_navi_free" class="welcome_each_navi">Free Q&A</div>
	    </div>
	    <input type="hidden" value="" name="test_type" id="welcome_test_type"/>  	
   	</form>
    <div id="welcome_navi_intro">
        <div id="exam_intro" class="welcome_each_intro">This block is your exam platform, 
         you can complete your current examination on it. Good luck!</div>
        <div id="practice_intro" class="welcome_each_intro">In the block, you can choose a suit of practice 
        each time and complete it for your exam preparation</div>
        <div id="free_intro" class="welcome_each_intro">There are 5 level for every subject, 1 to 5, easy to difficult.
         You can choose any number of each level you want, and make your own practice freely</div>
    </div>   
</div>
</div>
</body>
</html>